.pub-gray{
	color: #b4b3b3
}
.pub-s-gray {
	color: #616161;
}
.pub-orange{
	color: #ffb500
}
.pub-green{
	color: #0ec358;
}
.pub-red{
	color: #ff4c4c
}
.green-background{
	background: #0ec358;
	border: solid 1px #0ec358!important;
	color: #fff;
}
.orange-background{
	background: #ffb500;
	border: solid 1px #ffb500!important;
	color: #fff;
}
.red-background{
	background: #ff4c4c;
	border: solid 1px #ff4c4c!important;
	color: #fff;
}
.dai{
	border: solid 1px #0081ff!important;
}
.pub-flex-1{flex: 1;}
//head
.index-head{
	background: #fff;
	position: sticky;
	top: var(--status-bar-height);
	z-index: 100;
	border-bottom: solid 1px #f6f7f9;
}
.index-head-top{
	display: flex;
	font-size: 16px;
	color: #000;
	align-items: center;
	width: 92%;
	margin: 0 auto;
	line-height: 50px;
}
.index-head-top .index-head-l{width: 20%;display: flex;align-items: center;}
.index-head-top .index-head-l .icon{padding-left: 4px;font-size: 20px;}
.index-head-top .index-head-m{width: 60%;text-align: center;font-size: 18px;font-weight: bold;}
.index-head-top .index-head-r{width: 20%;text-align: right;}
.index-head-top .index-head-r .item{padding-top: 10px;}
.index-head-top .index-head-r .icon-share{font-size: 25px}
.order-pay-content-vip{text-align: center;}
.exam-tan-button {
	text-align: center;
}
